import { defineConfig } from 'unocss'

export default defineConfig({
  shortcuts: {
    'btn': 'px-4 py-2 rounded bg-blue-500 text-white hover:bg-blue-600',
    'card': 'p-4 border rounded shadow',
  },
  rules: [
    ['m-1', { margin: '0.25rem' }],
    ['m-2', { margin: '0.5rem' }],
    ['m-3', { margin: '0.75rem' }],
    ['m-4', { margin: '1rem' }],
  ],
  theme: {
    colors: {
      primary: '#1D4ED8',
      secondary: '#9333EA',
    },
  },
})